<!DOCTYPE html>
<html class="x-admin-sm">

<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.2</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="./lib/layui/layui.js"
	charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
	<div class="layui-fluid">
		<div class="layui-row">
			<form class="layui-form">
				<!--<input type="hidden" name="professorid" id="professorid" />-->

				<div class="layui-form-item">
					<label for="projectName" class="layui-form-label"> 项目名称 </label>
					<div class="layui-input-inline">
						<input type="text" id="projectName" name="projectName"
							   lay-verify="projectName" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="projectCategory" class="layui-form-label"> 项目类型 </label>
					<div class="layui-input-inline">
						<input type="text" id="projectCategory" name="projectCategory"
							   lay-verify="projectCategory" autocomplete="off" class="layui-input" >
					</div>
				</div>
				<div class="layui-form-item">
					<label for="professorNum" class="layui-form-label"> 专家人数 </label>
					<div class="layui-input-inline">
						<input type="number" id="professorNum" name="professorNum"
							   lay-verify="professorNum" autocomplete="off" class="layui-input" min="0" step="1">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="prochaseMode" class="layui-form-label"> 采购方式 </label>
					<div class="layui-input-inline">
						<input type="text" id="prochaseMode" name="prochaseMode"
							   lay-verify="prochaseMode" autocomplete="off" class="layui-input" >
					</div>
				</div>
				<div class="layui-form-item">
					<label for="departmentId" class="layui-form-label"> 采购部门 </label>
					<div class="layui-input-inline">
						<select id="departmentId" name="departmentId" lay-verify="departmentId" class="layui-input" required="">
						</select>
					</div>
				</div>
				<div class="layui-form-item">
					<label for="budget" class="layui-form-label"> 预算 </label>
					<div class="layui-input-inline">
						<input type="number" id="budget" name="budget"
							   lay-verify="budget" autocomplete="off" class="layui-input" >
					</div>
				</div>
				<div class="layui-form-item">
					<label for="announceDate" class="layui-form-label"> <span
							class="x-red">*</span>采购公告时间
					</label>
					<div class="layui-input-inline">
						<input type="date" id="announceDate" name="announceDate"
							   required="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="openDate" class="layui-form-label"> 开标时间 </label>
					<div class="layui-input-inline">
						<input type="date" id="openDate" name="openDate" lay-verify="openDate"
							   autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="address" class="layui-form-label"> <span
							class="x-red">*</span>开标地点
					</label>
					<div class="layui-input-inline">
						<input type="text" id="address" name="address" required=""
							   lay-verify="address" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="dealDate" class="layui-form-label"> 成交公告时间 </label>
					<div class="layui-input-inline">
						<input type="date" id="dealDate" name="openDate" lay-verify="dealDate"
							   autocomplete="off" class="layui-input">
					</div>
				</div>

				<div class="layui-form-item">
					<label for="url" class="layui-form-label"> <span
							class="x-red">*</span>公告发布网址
					</label>
					<div class="layui-input-inline">
						<input type="text" id="url" name="url" required=""
							   lay-verify="url" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="linkMan" class="layui-form-label"> <span
							class="x-red"></span>项目联系人姓名
					</label>
					<div class="layui-input-inline">
						<input type="text" id="linkMan" name="linkMan"
							   lay-verify="linkMan" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="mobliePhone" class="layui-form-label"> <span
							class="x-red"></span>项目联系人电话
					</label>
					<div class="layui-input-inline">
						<input type="text" id="mobliePhone" name="mobliePhone"
							   lay-verify="mobliePhone" autocomplete="off" class="layui-input" required="">
					</div>
				</div>

				<div class="layui-form-item">
					<label  class="layui-form-label"></label>
					<label  class="layui-form-label"></label>
					<button class="layui-btn" lay-filter="add" lay-submit>增加</button>
				</div>
			</form>
		</div>
	</div>
	<script>layui.use([ 'form', 'laydate','layer', 'jquery' ],
			function() {
				$ = layui.jquery;
				var form = layui.form,
					layer = layui.layer,
                    laydate=layui.laydate;

                //下拉框
                var $department=$("#departmentId");
                $.get("findDepartments",function(data){
                    $.each(data,function(i,d){
                        $department.append(new Option(d.departmentName,d.id));
                    });
                    form.render();//重绘表单
                });

				//监听提交
                form.on('submit(add)',
                    function(data) {
                        alert("form data="+JSON.stringify(data.field));
                        //发异步，把数据提交给
                        $.post("projectAdd",data.field,function(r){
                            alert(r)
                            if(r>0){
                                parent.layer.alert("增加成功", {
                                    icon : 6
                                },function(index,item){
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                            }else{
                                parent.layer.alert("增加失败，请核对", {
                                    icon : 1
                                });
                            }
                        });
                        return false;
					});
			});
	</script>

</body>

</html>